<template>
  <!-- Excel 导入功能组件 -->
  <upload-excel :on-success="handleSuccess" />
</template>

<script>
import { importEmployeeAPI } from '@/api'
export default {
  name: 'Excel',
  methods: {
    // 导入成功以后的回调函数
    async handleSuccess({ results, header }) {
      // 定义对象,中文英文一一对应
      const obj = {
        '手机号': 'mobile',
        '入职日期': 'timeOfEntry',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber',
        '部门': 'departmentName',
        '聘用形式': 'formOfEmployment'
      }
      const newArr = [] // 定义空数组
      // 遍历上传的表格的数据
      results.forEach(item => {
        const newObj = {}
        // Object.keys(对象) 方法直接得到对象中键组成的数组 遍历数组
        Object.keys(item).forEach(key => {
          // enKey 为 obj.'手机号'的值,也就是英文
          const enKey = obj[key]
          newObj[enKey] = item[key] // 在新对象里添加这个键 值为表格数据每个key的值
        })
        newArr.push(newObj) // 添加到新数组里
      })
      // console.log(newArr)
      const res = await importEmployeeAPI(newArr)
      this.$router.go(-1) // 后退页面
      this.$message.success(res.message)
    }
  }
}
</script>

<style lang="scss" scoped></style>
